<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"/>
	<link rel="stylesheet" href="css/estilos.css" type="text/css" media="screen"/>

        <!-- favicon de la página -->
        <link href="img/favicon.ico" rel="shortcut icon" />

	<title>MASTERINFTEL</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="js/recursos.js"></script> 
        


</head>



<body>

	<!-- CABECERA: Logotipos y título de la web -->
	<div id="cabecera">
		<div class="contenedor960">
			
			<!-- logos -->
			<a class="logo fl" href="index.html" title="Máster Universitario de Informática aplicado a las Telecomunicaciones Móviles">
					<img src="img/logos.png" alt="Máster INFTEL" />
			</a>
			
			<img class="fl" src="img/adorno_Cabecera.png" alt="adorno" />
			
			<!-- Textos descriptivos -->
			<h1 class="fr">Conceptos y Recursos Básicos de Internet</h1>
			<h2 class="fr">HTML, CSS, JavaScript, JQuery, Ajax,...</h2>
			
		
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin cabecera -->
	
	
	
	
	
	
	<!-- MENU: Inicio - Grupo - Planificación - Recursos -->
	<div id="menu">
		<div class="contenedor960">
			<ul>
				<li><a href="index.html" title="Inicio">Inicio <span>presentación</span> </a></li>
				<li><a href="grupo.html" title="Grupo">Grupo <span>¿quienes somos?</span></a></li>
				<li><a href="plan.html" title="Planificación">Planificación <span>calendario de trabajo</span></a></li>
				<li><a href="recursos.html" title="Recursos">Recursos <span>recursos, enlaces, etc...</span></a></li>
			</ul>
		
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin menu -->
	
	
	
	
	
        
        
        
        
        
        
        
        
        <div class="contenedor960 cuerpo">
            <a class="botonEstilo boton">+Estilo</a>
            <a class="botonCalendar boton">+Calendar</a>
            <div class="menuRecursos">
              <ul>
                <li> <a class="desplegable">Módulos</a>
                    <ul class="submenu">
                      <li class="1" ><a>Bloque 1</a></li>
                      <li class="2"><a>Bloque 2</a></li>
                      <li class="3"><a>Bloque 3</a></li>
                    </ul>
                </li>
                <li><a class="desplegable">Documentación</a>
                    <ul class="submenu">
                      <li><a target="_blank" href="http://tools.ietf.org/html/rfc2616">HTTP</a></li>
                      <li><a target="_blank" href="http://www.w3schools.com/html/default.asp">HTML</a></li>
                      <li><a target="_blank" href="http://www.w3schools.com/css/default.asp">CSS</a></li>
                      <li><a target="_blank" class="desplegable">JavaScript</a>
                        <ul class="submenu">
                          <li><a target="_blank" href="http://msdn.microsoft.com/en-us/ie/dd420501">IExplorer</a></li>
                          <li><a target="_blank" href="http://developer.mozilla.org/es/JavaScript">Firefox</a></li>
                          <li><a target="_blank" href="http://dev.chromium.org/">Chrome</a></li>
                          <li><a target="_blank" href="http://developer.apple.com/devcenter/safari/">Safari</a></li>
                         </ul>
                      </li>
                      <li><a target="_blank" href="http://api.jquery.com/">JQuery</a></li>
                      <li><a target="_blank" href="http://www.json.org/">JSON</a></li>
                      <li><a target="_blank" href="http://www.w3.org/">W3C</a></li>
                    </ul>
                </li>
                <li><a class="irArchivos">Archivos</a></li>
                
              </ul>

            </div>
            <div class="calendario">
                <span class="enlace"><iframe src="https://www.google.com/calendar/embed?showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;showTz=0&amp;height=600&amp;wkst=2&amp;bgcolor=%23ffffff&amp;src=ljtbs279pr212ov47th26tp744%40group.calendar.google.com&amp;color=%23B1440E&amp;ctz=Europe%2FMadrid" style=" border-width:0 " width="500" height="400" frameborder="0" scrolling="no"></iframe></span>
                
                <div class="descripcionModulobg descripcionModulo">
                    <div class="bloque1">
                    <h3>Bloque 1: Conceptos y recursos básicos en Internet</h3>
                    <h4>Temporalización:<br/>17…21-10 (4 sesiones)<br/>24…28-10 (4 sesiones)<br/>
                                         5-11: presentación de trabajos<br/><br/>
                    </h4>
                    <p>Usos Generales de las Redes y Fundamentos. Software y Hardware de Redes. Redes Públicas y Privadas. Modelo de Referencia OSI. Arquitectura TCP/IP. Modelo Cliente-Servidor. Servicios de Internet. Nociones Generales sobre WWW. Lenguaje HTML estático y dinámico: aplicaciones. Javascript y desarrollo de páginas web. Introducción al XML.</p>
                    </div>
                    <div class="bloque2">
                    <h3>Bloque 2: El sistema operativo UNIX</h3>
                    <h4>Temporalización:<br/>2…4-11 (3 sesiones)<br/>7…11-11 (5 sesiones)<br/>
                                         26-11: presentación de trabajos<br/><br/>
                    </h4>
                    <p>Fundamentos de UNÍX. Programación Shell. UNIX: Administración y avanzado.</p>
                    </div>
                    <div class="bloque3">
                    <h3>Bloque 3: Bases de Datos </h3>
                    <h4>Temporalización:<br/>14…18-11 (5 sesiones)<br/>21-11…25-11 (2 sesiones)<br/>
                                        3-12: presentación de trabajos<br/><br/>
                    </h4>
                    <p>El Modelo de datos relacional. El lenguaje SQL. </p>
                    </div>
                </div>
            </div>
            <div class="bloqueArchivos">
                <div class="archivos">
                    <div class="archivosPrimeraLinea">
                        <a class="a" target="_blank" href="archivos/html.pdf"><img src="./img/recursos/icon_pdf.jpg" alt="introducción al HTML" width="80" height="80"/></a>
                        <a class="b" target="_blank" href="archivos/css.pdf"><img src="./img/recursos/icon_pdf.jpg" alt="introducción al CSS" width="80" height="80" /></a>
                    </div>
                    <div class="archivosSegundaLinea">
                        <a class="c" target="_blank" href="archivos/javascript.pdf"><img src="./img/recursos/icon_pdf.jpg" alt="introducción al JScript" width="80" height="80"/></a>
                        <a class="d" target="_blank" href="archivos/jquery.pdf"><img src="./img/recursos/icon_pdf.jpg" alt="introducción al JQuery" width="80" height="80"/></a>
                    </div>
                </div>
                <div class="descripcionArchivos">
                    <div class="descripArchivoa">Introducción al HTML.</div>
                    <div class="descripArchivob">Introducción al CSS.</div>
                    <div class="descripArchivoc">Introducción al JScript.</div>
                    <div class="descripArchivod">Introducción al JQuery.</div>
                </div>
            </div>
            
            
        </div>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
	
	
	
	
	
	
	<!-- PIE: Mapa web, patrocinador, ... -->
	<div id="pie">
		<div class="contenedor960">
		
			<div id="pie_col_Izquierda" class="fl">
				<h3>Información de Contacto</h3>
				
				<p>
					Para más información sobre las distintas prácticas realizadas por este grupo
					de trabajo, envíenos un email a <a href="mailto:masterinftel@yahoo.es?Subject=WEB%20MASTERINFTEL">masterinftel@yahoo.es</a>
					y en breve nos pondremos en contacto con usted.
				</p>
				
                                <p>

                                    <!-- Botón Twitter: se hace mediante script para que siga siendo xhtml 1.0 Transational Valido, ya la que las propiedades por defecto sólo son válidas en html5 -->

                                    <script type="text/javascript">
                                        //<![CDATA[
                                        (function() {
                                            document.write('<a href="https://twitter.com/master_inftel" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF" data-lang="es">Segui @master_inftel</a>');
                                            var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
                                            s.type = 'text/javascript';
                                            s.async = true;
                                            s.src = 'http://platform.twitter.com/widgets.js';
                                            s1.parentNode.insertBefore(s, s1);
                                        })();
                                        //]]>
                                    </script>

                                </p>
			</div> <!-- fin pie_col_Izquierda -->
					
			
			
			<div id="pie_col_Centro" class="fl">
				<h3>Mapa web</h3>
				<ul>
					<li><a href="index.html">Inicio</a></li>
					<li><a href="grupo.html">Grupo</a></li>
					<li><a href="plan.html">Planificación</a></li>
					<li><a href="recursos.html">Recursos</a></li>
				</ul>
			</div> <!-- fin pie_col_Centro -->
			
			
			
			<div id="pie_col_Derecha" class="fl">

                            <h3>Validaciones</h3>


                            <!-- logos W3C validator -->
                            <p>
                                <a href="http://validator.w3.org/check?uri=referer">
                                    <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
                                </a>
                            </p>


                            <p>
                                <a href="http://jigsaw.w3.org/css-validator/check/referer">
                                    <img style="border:0;width:88px;height:31px"
                                        src="http://jigsaw.w3.org/css-validator/images/vcss"
                                        alt="¡CSS Válido!" />
                                </a>
                            </p>



			</div> <!-- fin pie_col_Derecha -->
		
				
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin pie -->
	
	

	
	
	<!-- PIE: Copyright -->
	<div id="copyright">
		<div class="contenedor960">
		
			<p>&copy; Copyright 2011 MASTER INFTEL. Todos los derechos reservados</p>
		
		
		</div> <!-- fin contenedor960 -->
	</div> <!-- fin copyright -->

</body>
</html>	